<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>添加</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-fileinput/css/fileinput.min.css">
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/css/bootstrap-select.min.css">

    <style>
        .form-control {
            margin-bottom: 8px;
        }

        .form-control:focus,
        .single-line:focus {
            border-color: #0e9aef !important;
        }

        .radio-inline {
            line-height: 5px;
        }
        .dropdown-menu.inner {
            background-color: #1ab394;
            color: white;
        }
        .dropdown-menu.open {
            border-radius: 5px;
        }
        .layui-layer.layui-anim.layui-layer-page {
            width: 550px!important;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content" id="app" v-cloak>

    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <form id="Form" autocomplete="off">
                <div style="padding: 0">
                    <!--班级-->
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-12">
                            <label class="form-inline">课程</label>
                            <div>
                                <select class="form-control"  v-model="selectId" >
                                    <option value="null">---请选择课程---</option>
                                    <option v-for="item in courseList" :value="item.id">{{item.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <label class="form-inline">规则类别</label>
                            <div>
                                <select class="form-control"  v-model="selectType">
                                    <option value="null" selected>--请选择规则类别--</option>
                                    <option value="1">等级</option>
                                    <option value="2">分数值</option>
                                    <option value="3">比例</option>
                                    <!--<option value="4">函数值</option>-->
                                </select>
                            </div>
                        </div>

                    </div>


                    <!--成绩规则-->
                    <div class="col-sm-12 ">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title" >规则配置</h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-hover" id="rulesTable">
                                    <tr class="title">
                                        <td>规则名称</td>
                                        <td>值</td>
                                        <!--<td>函数</td>-->

                                    </tr>
                                    <tr class="record">
                                        <td class="ruleName" contenteditable="true" width="20%"></td>
                                        <td class="val" contenteditable="true" width="20%"></td>
                                        <!--<td class="fun"  contenteditable="true" width="60%"></td>-->
                                    </tr>
                                </table>
                                <div @click="addRecord" class="alert alert-success alert-dismissible" role="alert" style="margin-right: 15px;font-size:20px;display: inline-block;padding: 14px 22px;float: left;cursor: pointer">
                                    +
                                </div>
                                <div @click="decreaseRecord" class="alert alert-warning alert-dismissible" role="alert" style="margin-right: 15px;font-size:20px;display: inline-block;padding: 14px 22px;float: left;cursor: pointer">
                                    x
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="text-align: center">
                    <a href="javascript:parent.layer.closeAll();" class="btn btn-default" style="width: 10%;">关 闭</a>
                    <button type="button" @click="submit" class="btn btn-primary" style="width: 10%;" v-if="permission(0)">保存</button>
                </div>
            </form>
        </div>
    </div>

</div>
<script src="../../../../../../public-tools/pc/plugins/wangEditor/wangEditor-video.js"></script>
<script src="../../../../../../public-tools/pc/plugins/bootstrap-fileinput/js/fileinput.js"></script>
<script src="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/js/bootstrap-select.min.js"></script>
<script src="../../../../../../public-tools/pc/plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../../../../js/teach-manage/course/rules/edit.js"></script>
</body>
</html>

